import { createRouter, createWebHistory } from 'vue-router';

const routerHistory = createWebHistory();

const router = createRouter({
  mode: 'history',
  history: routerHistory,
  routes: [
    {
      name: 'Index',
      path: '/',
      redirect: 'Home',
    },
    {
      name: 'Home',
      path: '/Home',
      component: () => import('../views/Home.vue'),
    },
    {
      name: 'demo1',
      path: '/demo1',
      component: () => import('../views/demo1.vue'),
    },
    {
      name: 'demo2',
      path: '/demo2',
      component: () => import('../views/demo2.vue'),
    },
    {
      name: 'demo3',
      path: '/demo3',
      component: () => import('../views/demo3.vue'),
    },
    {
      name: 'demo4',
      path: '/demo4',
      component: () => import('../views/demo4.vue'),
    },
    {
      name: 'demo5',
      path: '/demo5',
      component: () => import('../views/demo5.vue'),
    },
    {
      name: 'demo6',
      path: '/demo6',
      component: () => import('../views/demo6.jsx'),
    },
    {
      name: 'demo7',
      path: '/demo7',
      component: () => import('../views/demo7.vue'),
    },
    {
      name: 'demo8',
      path: '/demo8',
      component: () => import('../views/demo8.vue'),
    },
    {
      name: 'demo9',
      path: '/demo9',
      component: () => import('../views/demo9.vue'),
    },
    {
      name: 'todo1',
      path: '/todo1',
      component: () => import('../views/todo1.vue'),
    },
    {
      name: 'todo2',
      path: '/todo2',
      component: () => import('../views/todo2.vue'),
    },
    {
      name: 'notFound',
      path: '/404',
      component: () => import('../views/404.vue'),
    },
  ],
});
export default router;
